import React, { Component } from 'react'
import Item from '../Item/index'
export default class List extends Component {
  render() {
    //接收父组件app传过来的数据并且渲染数据
    const { todos, updateTodo, deleteTodo } = this.props
    return (
      <ul className="todo-main">
        {todos.map((todo) => {
          console.log(todo)
          return (
            <Item
              {...todo}
              key={todo.id}
              updateTodo={updateTodo}
              deleteTodo={deleteTodo}></Item>
          )
        })}
      </ul>
    )
  }
}
